import ALIGN from "./toolbars/ALIGN"
import IMAGE from "./toolbars/IMAGE"
import INLINE from "./toolbars/INLINE"
import { RichEditorProps } from "./toolbar"
import ToolbarContainer from "./components/TollbarContainer"
import CODE from "./toolbars/CODE"
import HEADER from "./toolbars/HEADER"



const RichEditorToolbar = ({
    editorState,
    onChange
}: RichEditorProps) => {

    return (
        <ToolbarContainer>
            <INLINE
                onChange={onChange}
                editorState={editorState}
            />
            <ALIGN
                onChange={onChange}
                editorState={editorState}
            />
            <HEADER
                onChange={onChange}
                editorState={editorState}
            />
            <IMAGE
                onChange={onChange}
                editorState={editorState}
            />
            <CODE
                onChange={onChange}
                editorState={editorState}
            />

        </ToolbarContainer>
    )
}
export default RichEditorToolbar